<template>
      <detail v-if="sellRecordId" :id="sellRecordId" :detailType='1'/>
</template>

<script>
import {reactive,toRefs, onMounted,computed,getCurrentInstance,provide } from 'vue'
import { useStore } from 'vuex'
import {useRoute,useRouter} from 'vue-router'
import detail from '../components/detail.vue'
export default {
    components:{
        detail
    },
    setup(){
        const store = useStore()
        const router = useRouter()
        const route = useRoute()
        const {proxy} = getCurrentInstance()
        const state = reactive({
            userInfo:computed(()=>store.state.base.userInfo),
            sellRecordId:'',
        })
        onMounted(()=>{
            // id存在，直接打开详情
            state.sellRecordId = route.params.id
        })

        return {
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
    .adheader{
         padding: 15px 30px 15px 0;
        .hcon{
            display: flex;
            height: 80px;
            line-height: 80px;
            align-items: center;
            em{
                display: block;
                font-size: 34px;
                font-style: normal;
                text-shadow: -1px 0px 0px rgba(0,209,255,0.7000), 1px 0px 0px rgba(255,0,184,0.7000);
                //-webkit-background-clip: text;
                //-webkit-text-fill-color: transparent;
            }
            .sort{
                padding: 0 0 0 30px;
            }
            .topSearch{
                flex: 1;
                // display: flex;
                // justify-content: end;
                .tswd{
                    float:right;
                    width: 550px;
                }
            }
        }
    }
    .main-con{
        padding: 10px 0 0 0;
    }
    .sell-tabSearchBox{
        display: inline-block;
        height: 55px;
        background: url(/images/gloabAdSplace/tsc.png) left top no-repeat;
        background-size: 100% 100%;
        padding: 0 30px 0 0;
        .item{
            display: inline-block;
            padding:0 0 0 30px;
            line-height: 55px;
            font-weight: 500;
            color: rgba(255,255,255,0.5000);
            font-size: 22px;
            &.selected{
                color: #fff;
                font-weight: bold;
            }
        }
    }

</style>